document.addEventListener('DOMContentLoaded', function() {
    const loginForm = document.getElementById('loginForm');
    const errorMessage = document.getElementById('errorMessage');
    
    // 登录表单提交处理
    loginForm.addEventListener('submit', function(e) {
        e.preventDefault();
        
        const username = document.getElementById('username').value.trim();
        const password = document.getElementById('password').value;
        
        // 简单的前端验证
        if (!username || !password) {
            showError('请输入用户名和密码');
            return;
        }
        
        // 显示加载状态
        document.querySelector('button[type="submit"]').textContent = '登录中...';
        document.querySelector('button[type="submit"]').disabled = true;
        
        // 发送登录请求
        login(username, password);
    });
    
    // 登录函数
    function login(username, password) {
        // 在实际应用中，这里应该是向服务器发送请求
        // 这里使用模拟登录进行演示
        
        // 模拟API请求延迟
        setTimeout(() => {
            // 模拟认证 (在实际应用中应该通过API进行)
            if (username === 'admin' && password === 'admin123') {
                // 登录成功，保存session或token
                localStorage.setItem('isLoggedIn', 'true');
                localStorage.setItem('username', username);
                
                // 重定向到主页
                window.location.href = 'index.html';
            } else {
                // 登录失败
                showError('用户名或密码错误');
                document.querySelector('button[type="submit"]').textContent = '登录';
                document.querySelector('button[type="submit"]').disabled = false;
            }
        }, 1000);
    }
    
    // 显示错误信息
    function showError(message) {
        // 创建通知元素
        const notification = document.createElement('div');
        notification.className = 'notification notification-error';
        notification.textContent = message;
        
        // 添加到页面
        document.body.appendChild(notification);
        
        // 显示通知
        setTimeout(() => {
            notification.classList.add('show');
            
            // 3秒后自动隐藏并移除通知
            setTimeout(() => {
                notification.classList.remove('show');
                setTimeout(() => {
                    document.body.removeChild(notification);
                }, 300);
            }, 3000);
        }, 10);
        
        // 同时更新错误消息区域
        errorMessage.textContent = message;
    }
    
    // 检查是否已登录，如已登录则跳转到首页
    if (localStorage.getItem('isLoggedIn') === 'true') {
        window.location.href = 'index.html';
    }
});
